<ng-container *ngIf="wallet$ | async as wallet  else loadmore ">
  <div class="page-single">
    <div class="container">
      <div class="d-flex justify-content-center mb-3">
     <span class="fa-stack fa-2x text-warning">
        <i class="fas fa-circle fa-stack-2x"></i>
        <i class="fas fa-yen-sign fa-stack-1x fa-inverse"></i>
      </span>
      </div>
      <div class="d-flex flex-column align-items-center justify-content-center">
        <h3 class="font-weight-bold"><i class="fas fa-yen-sign mr-2"></i>{{wallet.balance|number:'1.1-2'}}</h3>
        <p class="text-muted small mt-1">🔈:当前账户余额,每次提现成功将清零!</p>
        <button class="w-75" weui-button [weui-loading]="loading" [disabled]="wallet.balance < 5 || loading "
                (click)="withdraw(wallet)">提&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;现
        </button>
        <div class="weui-cells__tips mt-3" *ngIf="wallet.balance<5">
          <p class="text-danger"><i class="weui-icon-warn"></i>账户余额必须大于5元,才可以提现.</p>
        </div>
      </div>
    </div>
  </div>
</ng-container>
<ng-template #loadmore>
  <div class="page-single">
    <div class="container">
      <weui-loadmore></weui-loadmore>
    </div>
  </div>
</ng-template>
